<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="/favicon.ico"/>
    <title>后台管理</title>
    <%
    include("/common/static.html"){}
    %>
    <script type="text/javascript" src="/admin/js/common.js"></script>
    <link rel="stylesheet" href="/admin/common/css/common.css"/>
    <link rel="stylesheet" href="/admin/css/common.css"/>
    <link rel="stylesheet" href="/admin/css/music.css"/>
</head>
<body>
<%
include("/admin/common/menu.html"){}
%>
<div class="panel">
    <div class="panel_con">
        <div class="security">
            <div class="setup_title clear">
                <div class="setup_title_left">
                    <h4>音乐盒</h4>
                </div>
                <div class="setup_title_right">
                    一共<em id="total"></em>条数据
                </div>
            </div>
            <div class="setup_operation clear">
                <div class="setup_operation_left">
                    <a role="button" class="btn_add">
                        <span class="glyphicon glyphicon-plus"></span>
                        添加
                    </a>
                </div>
                <div class="setup_operation_right">
                    <input type="text" placeholder="请输入查询内容"/>
                </div>
            </div>
            <div class="setup_con">
                <table>
                    <thead>
                    <tr>
                        <th>歌曲名</th>
                        <th>歌手</th>
                        <th>外链地址</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody class="tbody_con" id="musicList">
                    </tbody>
                </table>
            </div>
            <div class="setup_menu clear">
                <div class="setup_menu_right">
                    <!--分页-->

                </div>
            </div>
        </div>
    </div>
</div>
<!--添加音乐-->
<div class="panel_add">
    <p>
    <h4 style="color: #fff;">添加音乐</h4>
    </p>
    <p>
        <input type="text" class="xg_name" id="name" placeholder="请输入歌曲名"/>
    </p>
    <p>
        <input type="text" class="xg_con" id="author" placeholder="请输入演唱者"/>
    </p>
    <p>
        <input type="text" class="xg_url" id="url" placeholder="请输入音乐外链"/>
    </p>
    <p>
        <input type="submit" class="btn_st_add" value="试听"/>
        <input type="submit" class="btn_xg_add" value="提交"/>
        <input type="submit" class="btn_qx_add" value="取消"/>
    </p>

    <audio id="myaudio" controls="controls" loop="false" hidden="true"></audio>
</div>

<!--编辑-->
<div class="panel_upt">
    <p>
    <h4 style="color: #fff;">修改音乐</h4>
    </p>
    <p style="color: #FFF">
        <input type="text" id="music_id" hidden="hidden">
    </p>
    <p>
        <input type="text" id="music_name" class="xg_name" placeholder="请输入歌曲名"/>
    </p>
    <p>
        <input type="text" id="music_author" class="xg_con" placeholder="请输入演唱者"/>
    </p>
    <p>
        <input type="text" id="music_url2" class="xg_url" placeholder="请输入音乐外链"/>
    </p>
    <p>
        <input type="submit" class="btn_st_upt" value="试听"/>
        <input type="submit" class="btn_xg_upt" id="edit_submit" value="提交"/>
        <input type="submit" class="btn_qx_upt" value="取消"/>
    </p>
</div>
<script type="text/javascript" src="/admin/js/music.js"></script>
</body>
</html>

